<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="shortcut icon" href="favicon.ico">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="plugins/element-ui/index.css" />
  <link rel="stylesheet" href="styles/common.css">
  <link rel="stylesheet" href="styles/home.css">
</head> 

<body>
  <div class="index" id="index-app">
    <div class="index-box">
		<!-- 左侧图片 -->
      <img src="images/index/imut1.jpg" alt="">
      <div class="index-form">
        <el-form ref="indexForm" >
          <div class="index-form-title">
            <img src="images/index-img.png" style="width:100px;height:100px;" alt="" />
          </div>
		  <el-divider content-position="center">IMUT</el-divider>
		  <div style="text-align: center;">欢迎使用《网络工程实践》实验报告管理系统</div>
		  <el-divider></el-divider>
		  <div style="text-align: center;">请选择登录方式：</div>
		  <el-divider></el-divider>
		  <el-row>
		    <el-button type="success" @click = "adminLogin">管理员登录</el-button>
		    <el-button type="success" @click = "teacherLogin">教师登录</el-button>
		    <el-button type="success" @click = "studentLogin">学生登录</el-button>
		  </el-row>
        </el-form>
      </div>
    </div>
  </div>

  <!-- 开发环境版本，包含了有帮助的命令行警告 -->
  <script src="plugins/vue/vue.js"></script>
  <!-- 引入组件库 -->
  <script src="plugins/element-ui/index.js"></script>

  <script>
    new Vue({
      el: '#index-app',
      data() {
        return {
          
        }
      },
      methods: {
        adminLogin(){
			window.location.href = "pages/admin/login.html";
		},
		teacherLogin(){
			window.location.href = "pages/teacher/login.html";
		},
		studentLogin(){
			window.location.href = "pages/student/login.html";
		}
      }
    })
  </script>
</body>

</html>
